<template>
	<div class="order-details">
		<el-card class="box-card">
			<div slot="header" class="clearfix">
				<span>徐铭</span>
				<el-button style="margin-left:20px;" type="danger">列入黑名单</el-button>
				</div>
				<div  class="text item">
					<el-tabs type="border-card">
						<el-tab-pane label="基本资料">
							<div class="msg-list">
								<div class="ml-title">
									基本信息
								</div>
								<ul class="nav">
									<li>
										<span>姓名:</span>
										<span>徐铭</span>
									</li>
									<li>
										<span>芝麻分:</span>
										<span>700</span>
									</li>
								</ul>
							</div>
							<div class="msg-list">
								<div class="ml-title">
									其他信息
								</div>
								<ul class="nav">
									<li>
										<span>姓名:</span>
										<span>徐铭</span>
									</li>
									<li>
										<span>芝麻分:</span>
										<span>700</span>
									</li>
								</ul>
							</div>
							<div class="msg-list">
								<div class="ml-title">
									身份证信息
								</div>
								<ul class="nav1">
									<li class="img" @click='setCurrentImg(imgs)'>
										<img :src="imgs">
									</li>
									<!-- <li class="img" @click='setCurrentImg(loanCheckUserDetailVO.cardBack)'>
										<img :src="loanCheckUserDetailVO.cardBack">
									</li>
									<li class="img" @click='setCurrentImg(loanCheckUserDetailVO.cardGroup)'>scrolling="no"
										<img :src="loanCheckUserDetailVO.cardGroup">
									</li> -->
								</ul>
							</div>
						</el-tab-pane>
						<el-tab-pane label="运营商报告">
							<div class="yysbg">
								<iframe class="iframeclass" id="iframeId" src="http://res.image.jietiaozhan.com/2018_07_12/1531381018358_lu8jsvvx" scrolling="auto" frameborder="0" width="100%" runat="server"></iframe>
							</div>
						</el-tab-pane>
						<el-tab-pane label="网贷黑名单">网贷黑名单</el-tab-pane>
						<el-tab-pane label="通讯录">通讯录</el-tab-pane>
						<el-tab-pane label="公检法信息">公检法信息</el-tab-pane>
					</el-tabs>
				</div>
		</el-card>
		<image-view
            v-if='currentImg'
            :show='show_modal_img' 
            :url='currentImg'
            @close='show_modal_img = false'>
        </image-view>
	</div>
</template>

<script>
export default {
  data() {
    return {
      	show_modal_img:false,
      	currentImg:"",
      	imgs:require("../../images/cj0 (1).jpg")
    }
  },
  methods: {
    handleCurrentChange(val) {
       console.log(`当前页: ${val}`);
    },
    setCurrentImg(img){
        this.currentImg = img
        this.show_modal_img = true
    },
    
  },
  mounted(){
  	console.log(document.getElementById('iframeId').contentWindow.document.html)
  }
}
</script>

<style scoped lang="scss">
	.order-details{
		font-weight: inherit;
		font-size: 14px;
	}
	.msg-list{
		padding:20px;
	}
	.ml-title{
		font-size: 16px;
		height:44px;
		font-weight: 600;
		line-height: 44px;
		border-bottom: 1px solid #999;
	}
	.nav li{
		float: left;
		width:50%;
		height:44px;
		line-height: 44px;
	}
	.nav1 {
		padding:20px;
	}
	.nav1 li{
		float: left;
	}
	.img{
		width:300px;
		height:230px;
		position: relative;
		img{
			width: 100%;
		    height: 100%;
		}
	}
	.yysbg{
		height:800px;
		width:988px;
	}
	.iframeclass{
		width:988px;
		height:100%;
	}
	
</style>

